@mixin sprites () {
  background: url(../images/sprites1.png);
  background-size: 1000px 1200px;
}

.xy-search {
  .el-form-item {
    margin-bottom: 15px;
  }

  .el-form-item__label {
    padding: 0 5px 0 0;
    line-height: 34px;
  }

  .el-form-item__content {
    line-height: 34px;
  }

  .el-input__inner {
    height: 34px;
    line-height: 34px;
  }

  .el-button {
    width: 80px;
    padding: 6px 0;
    line-height: 20px;
  }

  .el-icon-arrow-up:before {
    content: "\E60C";
  }

  .el-date-editor {
    height: 34px;
    width: 320px !important;

    i {
      line-height: 26px !important;
    }
  }

  .el-date-editor .el-range-separator {
    width: 6%;
    line-height: 26px !important;
  }
  .el-radio-button__inner{
    padding: 9px 20px;
  }
  .inner-form .el-form-item__content .el-input__inner{
    text-align: center;
  }
}

// 赵卓斌 <zhaozb@sq580.com> 2018-04-08
.xy-table {
  &-title {
    height: 34px;
    line-height: 34px;
    border: 1px solid #DCDFE6;
    border-bottom: 0 solid;
    font-size: 14px;
    color: $xy-text-color-primary;
    line-height: 17px;

    thead {
      color: $xy-text-color-primary;
      font-weight: normal;
    }

    th {
      background-color: $xy-border-color-lighter;
      border: none;
      padding: 6px 0;
    }
  }

  .total {
    color: $xy-color-main;
  }
  .excel{
    display: inline-block;
    float: right;
    color: $xy-color-main;
  }
  .excel:hover{
      cursor:pointer
    }

  .el-table {
    border: 1px solid #DCDFE6;
  }
  //头
  &-header {
    font-size: 14px;
    color: $xy-text-color-primary;
    line-height: 35px;
    .cell{
      padding-left: 10px;
    }
  }

  .el-table th {
    background-color: #EBEEF5 !important;
    padding: 0;
  }

  //行
  &-row {
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    .cell{
      padding-left: 10px;
      word-break: keep-all;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      //这个去掉会导致tip显示异常
      &>span{
        max-width:100%;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
      }
      b{
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background: $xy-color-main;
        margin-right:5px;
      }
      .color-red{
        background: $xy-color-danger;
      }
      .el-input-number{
        width: 154px;
        input{
          width:154px!important;
        }
        .el-icon-plus{
          font-weight: bolder;
        }
      }
      .el-input{
        width: 60px;
      }
      .el-input-number__decrease, .el-input-number__increase{
        top: unset;
        height: 32px;
        margin-top: 1px;
      }
    }
  }
  .table-opera{
    .cell{
      &>span{
        overflow: unset;
      }
    }

  }

  .el-table td {
    padding: 0;
  }

  //数据为空
  .el-table__empty-block{
    min-height: 160px;
    width: auto!important;
  }

  //分页
  .el-pagination {
    padding: 0;
  }

  .el-pagination .btn-prev {
    margin-left: 0;
  }

  .el-pagination .btn-next,
  .el-pagination .btn-prev,
  .el-pagination .el-pager li {
    height: 34px;
    line-height: 34px;
  }

  .el-pagination.is-background .btn-next,
  .el-pagination.is-background .btn-prev,
  .el-pagination.is-background .el-pager li {
    background-color: #F2F6FC;
    font-weight: normal;
  }
}

// 赵卓斌 <zhaozb@sq580.com> 2018-04-08
.custom-function-table {
  // .el-table {
  //   border: 1px solid #DCDFE6;
  // }
  //头
  &-header, &-left-header {
    font-size: 14px;
    color: $xy-text-color-primary;
    line-height: 48px;
    & th {
      padding: 0;
      background: #f2f5f6;
    }
    .cell{
      padding-left: 10px;
    }
  }

  &-left-header {
    & th {
      border-right: 0px solid;
    }
  }

  & td, & th {
    padding: 0 !important;
  }

  .el-table th {
    background-color: #EBEEF5 !important;
  }
  //行
  &-row, &-left-row {
    font-size: 14px;
    line-height: 48px;
    height: 48px;
    .cell{
      padding-left: 10px;
      word-break: keep-all;
      b{
        display: block;
        width: 9px;
        height: 9px;
        border-radius: 100%;
        background: $xy-color-main;
        position: absolute;
        top: 12px;
        left: 4px;
      }
      .color-red{
        background: $xy-color-danger;
      }
      .el-input-number{
        width: 154px;
        input{
          width:154px!important;
        }
        .el-icon-plus{
          font-weight: bolder;
        }
      }
      .el-input{
        width: 60px;
      }
      .el-input-number__decrease, .el-input-number__increase{
        top: unset;
        height: 32px;
        margin-top: 1px;
      }
    }
  }

  &-left-row {
    & td {
      border-right: 0 solid;
    }
  }

  //数据为空
  .el-table__empty-block{
    min-height: 160px;
    width: auto!important;
  }

  //分页
  .el-pagination {
    padding: 0;
  }

  .el-pagination .btn-prev {
    margin-left: 0;
  }

  .el-pagination .btn-next,
  .el-pagination .btn-prev,
  .el-pagination .el-pager li {
    height: 34px;
    line-height: 34px;
  }

  .el-pagination.is-background .btn-next,
  .el-pagination.is-background .btn-prev,
  .el-pagination.is-background .el-pager li {
    background-color: #F2F6FC;
  }
}


.el-dialog{
  min-width: 576px;
  max-width: 1200px;
  .cell{
    white-space: nowrap;
  }
  .el-dialog__body {
    padding: 5px 20px;
  }
  // .el-button{
  //   width: 80px;
  //   padding: 6px 0;
  //   line-height: 20px;
  // }
  .el-form-item__content{
    display: inline-block
  }
  .el-icon-arrow-up:before{
    content: "\E60C";
  }
  .el-input-group--append {
    .el-input__inner{
      border-right: none;
    }
    .el-input-group__append{
      background: #fff;
      width: 80px;
      button{
        width: 80px;
        border-left: none;
        i{
          color: $xy-color-main;
          font-weight: bolder;
        }
      }
      &::before {
        height: 20px;
        width: 1px;
        background-color: $xy-border-color-base;
        content: " ";
        position: absolute;
        left: -1px;
      }
    }
  }
  .icon-upterm-black{
    .el-icon-arrow-up{
      margin-top: 4px;
      &::before{
        content: "\E605";
      }
    }
  }
}
.large-dialog{
  min-width: 1000px;
}
.middle-dialog{
  min-width: 800px;
}

.table-list-head-tips {
  box-shadow: inset 0 -1px 0 0 $xy-border-color-base;
  height: 34px;
  display: block;
  border-left: 1px solid #DEE1E8;
  border-top: 1px solid #DEE1E8;
  border-right: 1px solid #DEE1E8;
  line-height: 34px;
  font-size: 14px;
  padding: 0 14px;

  span {
    em {
      font-style: normal;
      color: $xy-color-main;
      margin: 0 4px;
    }
  }
}

.service-table{
  .xy-table-row{
    line-height: 48px;
    height: 48px;
  }
}

// 刘楚英 2018-04-10
.el-tooltip__popper {
  width: 230px;
  line-height: 1.3;
}
.grid-content2 {
  .el-input {
    width: 100px;
    height: 34px;
  }
  .el-input__inner {
    height: 34px;
    line-height: 34px;
  }
}
// 医联体表格 STR
.index-fendsite {
  .el-table__empty-text {
    position: initial
  }
  .xy-table {
    .el-table {
      th {
        background-color: #f2f5f6 !important;
      }
    }
    .el-table {
      thead {
        color: #303133;
        th {
          padding: 8px 0;
          color: #303133
        }
      }
      tbody {
        td {
          padding: 8px 0;
          color: #303133
        }
      }
    }
  }
}
// 医联体 END

// 服务包弹框列表 STR
.no-empty{
  .el-table__empty-block{
    min-height: 0px!important;
  }
}
// 服务包弹框列表 END


.input-select {
  .el-input__inner{
    height: 34px;
    line-height: 34px;
  }
  .el-input-group__prepend{
    width: 100px!important;
  }
}


.form-group {
  .el-input__inner{
    height: 34px;
    line-height: 34px;
  }
  .el-checkbox__input{
    display: none;
  }
  .el-checkbox__label{
    padding-left: 0px;
    font-style: 12px;
    color: #9b9b9b;
  }
}

.is-success {
  input {
    border: 1px solid $xy-color-success;
  }
}
.is-error {
  input {
    border: 1px solid $xy-color-danger;
  }
}
.is-disabled {
  input {
    background: #f2f5f6;
    border: 1px solid $xy-border-color-base;
    color: $xy-text-color-secondary !important;
  }
}

.xy-form {
  .el-input__inner {
    height: 34px;
    line-height: 34px;
  }
}

.custom-manage-index, .custom-manage-release, .customize-center, .resident-info {
  .el-tag {
    height: 20px;
    border: 0 solid;
    line-height: 20px;
    padding: 0 4px;
    background: $xy-border-color-light;
    border-radius: 3px;
    font-size: 12px;
    color: $xy-text-color-regular;
  }

  .card-tap {
    @include sprites();
    background-position: 0px 460px;
    position: absolute;
    top: 0;
    right: 0;
    width: 53px;
    height: 53px;
    z-index: 1;
  }

  .apply-status-tag {
    width: 60px;
    height: 20px;
    border-radius: 3px;
    padding: 4px;

    &-info {
      color: $xy-text-color-secondary;
      background: #FFFFFF;
      border: 1px solid #C0C4CC;
    }
    &-success {
      color: $xy-color-success;
      background: #EFF8F5;
      border: 1px solid $xy-color-success;
    }
    &-warning {
      color: $xy-color-warning;
      background: #FDF9EA;
      border: 1px solid $xy-color-warning;
    }
    &-info, &-success, &-warning {
      & i {
        font-size: 12px;
        line-height: 15px;
        padding-bottom: 2px;
        margin-right: 2px;
      }
    }
  }
}

.scheduling-manage-dialog {
  .el-form-item {
    height: 36px;
  }
  .el-form-item__content {
    display: inherit;
  }
  .el-input {
    width: 164px;
    height: 34px;
    & input {
      height: 34px;
      line-height: 34px;
    }
  }

  .sq580-datetime-drop-down.el-date-editor--date{
    & input {
      height: 34px;
      line-height: 34px;
    }
    .el-input__inner{
      padding: 0 0 0 15px;
    }
    .el-input__prefix{
      left: inherit;
      right: 5px;
    }
  }
  .sq580-datetime-drop-down.el-date-picker{
    .el-input{
      width: inherit;
    }
  }
}
